Adwaita: Update stack sidebar styling
authorMatthias Clasen <mclasen@redhat.com>
Thu, 5 Nov 2015 13:18:38 +0000 (08:18 -0500)
committerMatthias Clasen <mclasen@redhat.com>
Thu, 5 Nov 2015 13:18:38 +0000 (08:18 -0500)
We no longer use the .sidebar-item style class.

gtk/theme/Adwaita/_common.scss
gtk/theme/Adwaita/gtk-contained-dark.css
gtk/theme/Adwaita/gtk-contained.css

index cdbfd137a7a9b92750e70be3ebd397845f933f66..f48dd78511d9debc9376030ed98e8e1b0bf8b9df 100644 (file)
@@ -2941,15 +2941,17 @@ GtkPlacesSidebar.sidebar {
   }
 }
 
-.sidebar-item {
-  padding: 10px 4px;
-  > label {
-    padding-left: 6px;
-    padding-right: 6px;
-  }
-  &.needs-attention > label {
-    @extend %needs_attention;
-    background-size: 6px 6px, 0 0;
+stacksidebar {
+  .list-row {
+    padding: 10px 4px;
+    > label {
+      padding-left: 6px;
+      padding-right: 6px;
+    }
+    &.needs-attention > label {
+      @extend %needs_attention;
+      background-size: 6px 6px, 0 0;
+    }
   }
 }
 
index 19b7d024444964dcd3d8a88894d3ad0269cd5437..bc34cdff09ba04cd08880da1133d1e0cdf954143 100644 (file)
@@ -964,15 +964,15 @@ button, headerbar button.titlebutton,
   .titlebar .primary-toolbar button.titlebutton {
     icon-shadow: none; }
 
-.stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, .sidebar-item.needs-attention > label {
+.stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, stacksidebar .list-row.needs-attention > label {
   animation: needs_attention 150ms ease-in;
   background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3583d5), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.81176)), to(transparent));
   background-size: 6px 6px, 6px 6px;
   background-repeat: no-repeat;
   background-position: right 3px, right 2px; }
-  .stack-switcher > button.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > image:backdrop, .sidebar-item.needs-attention > label:backdrop {
+  .stack-switcher > button.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > image:backdrop, stacksidebar .list-row.needs-attention > label:backdrop {
     background-size: 6px 6px, 0 0; }
-  .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), .sidebar-item.needs-attention > label:dir(rtl) {
+  .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar .list-row.needs-attention > label:dir(rtl) {
     background-position: left 3px, left 2px; }
 
 .inline-toolbar toolbutton > button, .inline-toolbar headerbar toolbutton > button.titlebutton,
@@ -4124,12 +4124,12 @@ GtkPlacesSidebar.sidebar .sidebar-new-bookmark-row {
   .sidebar-button.button:not(:hover):not(:active) > image, .sidebar-button.button:backdrop > image {
     opacity: 0.7; }
 
-.sidebar-item {
+stacksidebar .list-row {
   padding: 10px 4px; }
-  .sidebar-item > label {
+  stacksidebar .list-row > label {
     padding-left: 6px;
     padding-right: 6px; }
-  .sidebar-item.needs-attention > label {
+  stacksidebar .list-row.needs-attention > label {
     background-size: 6px 6px, 0 0; }
 
 /****************
index 2e5f5fb17ccd6cddc89cf3458f81423e0bab5687..1c085eb8b9cf331c5fea330d68830d3784fd2547 100644 (file)
@@ -964,15 +964,15 @@ button, headerbar button.titlebutton,
   .titlebar .primary-toolbar button.titlebutton {
     icon-shadow: none; }
 
-.stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, .sidebar-item.needs-attention > label {
+.stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, stacksidebar .list-row.needs-attention > label {
   animation: needs_attention 150ms ease-in;
   background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#4a90d9), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.76923)), to(transparent));
   background-size: 6px 6px, 6px 6px;
   background-repeat: no-repeat;
   background-position: right 3px, right 4px; }
-  .stack-switcher > button.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > image:backdrop, .sidebar-item.needs-attention > label:backdrop {
+  .stack-switcher > button.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > image:backdrop, stacksidebar .list-row.needs-attention > label:backdrop {
     background-size: 6px 6px, 0 0; }
-  .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), .sidebar-item.needs-attention > label:dir(rtl) {
+  .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar .list-row.needs-attention > label:dir(rtl) {
     background-position: left 3px, left 4px; }
 
 .inline-toolbar toolbutton > button, .inline-toolbar headerbar toolbutton > button.titlebutton,
@@ -4296,12 +4296,12 @@ GtkPlacesSidebar.sidebar .sidebar-new-bookmark-row {
   .sidebar-button.button:not(:hover):not(:active) > image, .sidebar-button.button:backdrop > image {
     opacity: 0.7; }
 
-.sidebar-item {
+stacksidebar .list-row {
   padding: 10px 4px; }
-  .sidebar-item > label {
+  stacksidebar .list-row > label {
     padding-left: 6px;
     padding-right: 6px; }
-  .sidebar-item.needs-attention > label {
+  stacksidebar .list-row.needs-attention > label {
     background-size: 6px 6px, 0 0; }
 
 /****************